import { VelocityScroll } from "@/components/magicui/scroll-based-velocity";

export const TapeSection = () => {
  return (
    <div className="container mx-auto py-16 lg:py-24">
      <div className="relative flex w-full flex-col items-center justify-center overflow-hidden">
        <VelocityScroll defaultVelocity={1} numRows={2}>imagination × logic × learning × linkage × inspiration ×</VelocityScroll>
        <div className="pointer-events-none absolute inset-y-0 left-0 w-1/3 bg-gradient-to-r from-indigo-950 via-indigo-950/20 to-transparent"></div>
        <div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-l from-indigo-950 via-indigo-950/20 to-transparent"></div>
      </div>
    </div>
  );
};
